page{
  background-color: #fff;
}
.top{
  width: 100vw;
  // border: 1px solid #000;
  background: linear-gradient( 270deg, rgba(236,97,56,0.12) 0%, #F7F7F7 100%);
  .navigationBar {
    width: 100%;
    margin-top: 80rpx;
    height: 100rpx;
    line-height: 100rpx;
    display: flex;
  .address {
    display: flex;
    align-items: baseline;
    // height: 40rpx;
    // line-height: 40rpx;
    margin-left: 20rpx;
  }

    .middle {
      width: 280rpx;
      display: flex;
      align-items: center;
      margin-left: 80rpx;
      color:#676978;
      justify-content: space-around;
    }
    .search{
margin-left:160rpx;
    }
  }

  .tabs{
    font-size: 24rpx;
    color: #676978;
    display: flex;
    justify-content: flex-start;
    font-weight: 400;
 
    // justify-self: start;
    .tab-item{
      margin-left: 24rpx;
      &.active{
        color: #ec6138;
      }
    }
  }
}


.nut-virtualList-box{

    .nut-virtuallist{
        // display: flex;
        // justify-content: space-between;
        .nut-virtuallist-container{
            display: flex;
            width:100% ;
            flex-wrap: wrap;
            justify-content: space-between;
          
        }
    }
}
.card {
  margin-top: 20rpx;
  float: left;
  width: 354rpx;
  .title {
    margin-top: 20rpx;
    font-weight: 400;
    font-size: 28rpx;
    color: #2a2b30;
  }
  .durationTime {
    margin-top: 18rpx;
    font-weight: 400;
    font-size: 24rpx;
    color: #9c9eac;
  }

  .tags{
    margin-top: 18rpx;
    width: 120rpx;
    min-width: 50rpx;
    background:linear-gradient(270deg, rgba(250,229,204,0.12) 0%, #ffffff 100%);
    height: 32rpx;
    line-height: 32rpx;
    font-weight: 400;
    font-size: 20rpx;
    color: #6E522D;
    line-height: 20rpx;
    margin-left: 20rpx;
  }

  .ticketsPrice {
    display: flex;
    justify-content: space-between;
    margin-top: 16rpx;
    font-weight: 500;
    font-size: 36rpx;
    color: #ec6138;
    .tickets{
      color: #333333;
      font-size: 24rpx;
    }
  }
}

